
@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 活动专题头部 */
@import 'header_topic.css';


.banner{ margin:0 auto;background:url(../images/topic/guoqing/bg_01.png) no-repeat center; height:557px;}
.nav-box{  background:url(../images/topic/guoqing/bg_02.png)no-repeat center; height:785px; position:relative;}
.nav-box .nav{margin:0 auto; width:1200px;}
.nav ul{ float:left; width:1500px; overflow:hidden; position:absolute;}
.nav ul li{ float:left; margin-right:72px;}
.nav-box .cp-box{margin:0 auto; width:1200px;}
.nav-box .cp-box .cp{ position:absolute;top:360px; width:1250px; overflow:hidden;}
.nav-box .cp-box .cp section{ width:291px; height:367px; float:left; margin-right:10px;}
.nav-box .cp-box .cp section img{ width:291px; height:285px;}
.nav-box .cp-box .cp section dl{ width:291px; height:82px; background-color:#fcb111;}
.nav-box .cp-box .cp section dl dt{ font-size:18px; line-height:30px; width:280px; text-align:center; margin:0 auto; color:#fff;}
.nav-box .cp-box .cp section dl dd{ color:red; font-size:30px; line-height:40px; margin-left:10px;}
.nav-box .cp-box .cp section dl font{ font-size:16px; text-decoration:line-through; color:#fff;}
.nav-box .cp-box .cp section dl span{ display:block; float:right; padding:1px 10px 0 0;}
.nav-box .cp-box .cp section dl span img{ width:44px; height:46px;}

/*01*/
.main01-box{ margin:0 auto; background:url(../images/topic/guoqing/bg_03.png )no-repeat center; height:1199px; position:relative;top::0px;}
.main01-box .main01{ width:1200px; margin:0 auto; overflow:hidden;}
.main01-box .main01 .box{ width:700px; margin:0 auto; padding-top:150px;overflow:hidden;}
.main01-box .main01 .box ul{}
.main01-box .main01 .box ul li{ float:left;  width:112px; height:47px;}
.main01-box .main01 .box ul li a.active{background:url(../images/topic/guoqing/active.png) no-repeat;}
.main01-box .main01 .box ul li a{ font-size:24px; color:#fff; line-height:47px; height:47px; width:112px; text-align:center; display:block;}
.main01-box .main01 .box ul li a:hover{background:url(../images/topic/guoqing/active.png) no-repeat;}
.main01-box .main01 .content{ width:1250px;position:absolute; top:260px;}
.main01-box .main01 .content div img{ width:1200px; height:410px; margin:0 auto}
.main01-box .main01 .content section{ margin-top:15px; width:391px; height:458px; float:left; margin-right:13px;}
.main01-box .main01 .content section img{ width:391px; height:366px;}
.main01-box .main01 .content section dl{ width:391px; height:92px; background-color:#010101;}
.main01-box .main01 .content section dl dt{ font-size:20px; line-height:40px; width:380px; text-align:center; margin:0 auto; color:#fff;}
.main01-box .main01 .content section dl dd{ color:red; font-size:30px; line-height:50px; margin-left:30px;}
.main01-box .main01 .content section dl font{ font-size:16px; text-decoration:line-through; color:#fff; background-color:#620523; padding:5px 15px;}
.main01-box .main01 .content section dl span{ display:block; float:right; padding:1px 30px 0 0;}
.main01-box .main01 .content section dl span img{ width:44px; height:46px;}

/*02*/
.main02-box{ margin:0 auto; background:url(../images/topic/guoqing/bg_04.png)no-repeat center; height:1194px; position:relative;top::0px;}
.main02-box .main02{ width:1200px; margin:0 auto; overflow:hidden;}
.main02-box .main02 .box{ width:600px; margin:0 auto; padding-top:150px;overflow:hidden;}
.main02-box .main02 .box ul{}
.main02-box .main02 .box ul li{ float:left;  width:112px; height:47px;}
.main02-box .main02 .box ul li a.active{background:url(../images/topic/guoqing/active02.png) no-repeat;}
.main02-box .main02 .box ul li a{ font-size:24px; color:#fff; line-height:47px; height:47px; width:112px; text-align:center; display:block;}
.main02-box .main02 .box ul li a:hover{ background:url(../images/topic/guoqing/active02.png) no-repeat;}
.main02-box .main02 .content{ width:1250px;position:absolute; top:260px;}
.main02-box .main02 .content div img{ width:1200px; height:410px; margin:0 auto}
.main02-box .main02 .content section{ margin-top:15px; width:391px; height:458px; float:left; margin-right:13px;}
.main02-box .main02 .content section img{ width:391px; height:366px;}
.main02-box .main02 .content section dl{ width:391px; height:92px; background-color:#010101;}
.main02-box .main02 .content section dl dt{ font-size:20px; line-height:40px; width:380px; text-align:center; margin:0 auto; color:#fff;}
.main02-box .main02 .content section dl dd{ color:red; font-size:30px; line-height:50px; margin-left:30px;}
.main02-box .main02 .content section dl font{ font-size:16px; text-decoration:line-through; color:#fff; background-color:#620523; padding:5px 15px;}
.main02-box .main02 .content section dl span{ display:block; float:right; padding:1px 30px 0 0;}
.main02-box .main02 .content section dl span img{ width:44px; height:46px;}

/*03*/
.main03-box{ margin:0 auto; background:url(../images/topic/guoqing/bg_05.png)no-repeat center; height:1180px; position:relative; top::0px;}
.main03-box .main03{ width:1200px; margin:0 auto; overflow:hidden;}
.main03-box .main03 .box{ width:600px; margin:0 auto; padding-top:150px;overflow:hidden;}
.main03-box .main03 .box ul{}
.main03-box .main03 .box ul li{ float:left;  width:112px; height:47px;}
.main03-box .main03 .box ul li a.active{background:url(../images/topic/guoqing/active.png) no-repeat;}
.main03-box .main03 .box ul li a{ font-size:24px; color:#fff; line-height:47px; height:47px; width:112px; text-align:center; display:block;}
.main03-box .main03 .box ul li a:hover{background:url(../images/topic/guoqing/active.png) no-repeat;}
.main03-box .main03 .content{ width:1250px;position:absolute; top:240px;}
.main03-box .main03 .content article{ float:left; width:1200px; overflow:hidden;}
.main03-box .main03 .content article img{ width:497px; height:326px; float:left;}
.main03-box .main03 .content article section{width:585px; height:206px; float:right; margin-bottom:19px;}
.main03-box .main03 .content article section img{ float:left; width:322px; height:206px;}
.main03-box .main03 .content article section dl{ float:left; background-color:#fdf2e7;width:263px; height:206px;}
.main03-box .main03 .content article section dl dt{ font-size:20px; line-height:40px; width:253px; margin:0 auto; margin-left:10px;}
.main03-box .main03 .content article section dl dd{ color:#b3000c; font-size:20px; line-height:30px; margin-left:10px;}
.main03-box .main03 .content article section dl strong{ font-size:30px;}
.main03-box .main03 .content article section dl font{ font-size:16px; text-decoration:line-through; color:#999999; line-height:20px;}
.main03-box .main03 .content article section dl span{ font-size:20px; background-color:red; border-radius:5px; color:#fff; float:right; padding:5px 20px;px; margin-right:10px;  margin-top:15px;}

.main03-box .main03 .content div{ margin-top:19px;width:1250px; overflow:hidden;}
.main03-box .main03 .content div section{ float:left; width:381px; height:406px; margin-left:19px;}
.main03-box .main03 .content div section img{ width:381px; height:310px;}
.main03-box .main03 .content div section dl{ width:381px; height:96px; background-color:#fdf2e7;}
.main03-box .main03 .content div section dl dt{ font-size:20px; line-height:40px; width:370px; margin:0 auto; margin-left:10px;}
.main03-box .main03 .content div section dl dd{ color:#b3000c; font-size:18px; line-height:40px; margin-left:10px;}
.main03-box .main03 .content div section dl strong{ font-size:30px;}
.main03-box .main03 .content div section dl font{ font-size:16px; text-decoration:line-through; color:#999999; line-height:20px;}
.main03-box .main03 .content div section dl span{ font-size:20px; background-color:red; border-radius:5px; color:#fff; float:right; padding:3px 20px; margin-right:10px; margin-top:5px;}

/*04*/
.main04-box{ margin:0 auto; background:url(../images/topic/guoqing/bg_06.png)no-repeat center; height:1194px; position:relative; top:0; }
.main04-box .main04{ width:1200px; margin:0 auto; overflow:hidden;}
.main04-box .main04 .box{ width:600px;margin:0 auto; padding-top:150px;overflow:hidden;}
.main04-box .main04 .box ul{}
.main04-box .main04 .box ul li{ float:left;  width:112px; height:47px;}
.main04-box .main04 .box ul li a.active{background:url(../images/topic/guoqing/active02.png) no-repeat;}
.main04-box .main04 .box ul li a{ font-size:24px; color:#fff; line-height:47px; height:47px; width:112px; text-align:center; display:block;}
.main04-box .main04 .box ul li a:hover{ background:url(../images/topic/guoqing/active02.png) no-repeat;}
.main04-box .main04 .content{ width:1200px;position:absolute; top:240px;}
.main04-box .main04 .content article{ float:left; width:1200px;}
.main04-box .main04 .content article img{ width:497px; height:326px; float:right;}
.main04-box .main04 .content article section{width:585px; height:206px; float:left; margin-bottom:19px;}
.main04-box .main04 .content article section img{ float:left; width:322px; height:206px;}
.main04-box .main04 .content article section dl{ float:left; background-color:#fdf2e7;width:263px; height:206px;}
.main04-box .main04 .content article section dl dt{ font-size:20px; line-height:40px; width:253px; margin:0 auto; margin-left:10px;}
.main04-box .main04 .content article section dl dd{ color:#b3000c; font-size:20px; line-height:30px; margin-left:10px;}
.main04-box .main04 .content article section dl strong{ font-size:30px;}
.main04-box .main04 .content article section dl font{ font-size:16px; text-decoration:line-through; color:#999999; line-height:20px;}
.main04-box .main04 .content article section dl span{ font-size:20px; background-color:red; border-radius:5px; color:#fff; float:right; padding:5px 20px;px; margin-right:10px;  margin-top:15px;}

.main04-box .main04 .content div{ margin-top:19px;width:1250px; overflow:hidden; overflow:hidden;}
.main04-box .main04 .content div section{ float:left; width:381px; height:406px; margin-right:19px;}
.main04-box .main04 .content div section img{ width:381px; height:310px;}
.main04-box .main04 .content div section dl{ width:381px; height:96px; background-color:#fdf2e7;}
.main04-box .main04 .content div section dl dt{ font-size:20px; line-height:40px; width:370px; margin:0 auto; margin-left:10px;}
.main04-box .main04 .content div section dl dd{ color:#b3000c; font-size:18px; line-height:40px; margin-left:10px;}
.main04-box .main04 .content div section dl strong{ font-size:30px;}
.main04-box .main04 .content div section dl font{ font-size:16px; text-decoration:line-through; color:#999999; line-height:20px;}
.main04-box .main04 .content div section dl span{ font-size:20px; background-color:red; border-radius:5px; color:#fff; float:right; padding:3px 20px; margin-right:10px; margin-top:5px;}

/*bottom*/
.bottom-box{  background:url(../images/topic/guoqing/bg_07.png)no-repeat center; height:1438px; position:relative;}
.bottom-box .cp-box{margin:0 auto; width:1200px;}
.bottom-box .cp-box .cp{ position:absolute;top:180px; width:1250px; overflow:hidden;}
.bottom-box .cp-box .cp section{ width:291px; height:367px; float:left; margin-right:10px;}
.bottom-box .cp-box .cp section img{ width:291px; height:285px;}
.bottom-box .cp-box .cp section dl{ width:291px; height:82px; background-color:#fcb111;}
.bottom-box .cp-box .cp section dl dt{ font-size:18px; line-height:30px; width:280px; text-align:center; margin:0 auto; color:#fff;}
.bottom-box .cp-box .cp section dl dd{ color:red; font-size:30px; line-height:40px; margin-left:10px;}
.bottom-box .cp-box .cp section dl font{ font-size:16px; text-decoration:line-through; color:#fff; margin-left:10px;}
.bottom-box .cp-box .cp section dl span{ display:block; float:right; padding:1px 10px 0 0;}
.bottom-box .cp-box .cp section dl span img{ width:44px; height:46px;}


